
import { Select } from 'antd';
function hf() {

    const handleChange = (value: string) => {
        console.log(`selected ${value}`);
        document.documentElement.setAttribute('data-theme',value)
    };
    return (
        <div>
            <Select
                defaultValue='白色'
                style={{ width: 120 }}
                onChange={handleChange}
                options={[
                    { value: 'gray', label: '白色' },
                    { value: 'zinc', label: '黑色' },
                  
                ]}
            />
            <div className="w-[100%] h-[100vh]  bg-white text-white
             gray:bg-gray-50      gray:text-gray-900
             zinc:bg-zinc-900     zinc:text-zinc-50
            
            ">
               的风格八十八v
            </div>
        </div>
    )
}

export default hf
